<!doctype html>
<html>

<head>
	<!doctype html>
	<html>

	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>项目管理子系统-可视化界面</title>
		<link type="text/css" href="css/public.css" rel="stylesheet">
		<link type="text/css" href="css/icon.css" rel="stylesheet">
		<link type="text/css" href="css/index.css" rel="stylesheet">
		<script type="text/javascript">
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 768 * 100 + 'px';
		</script>

		<script src="js/echarts.min.js"></script>

	</head>

<body>
	<div class="bg">
		<div class="title"><a href="../index.html">项目管理子系统</a> </div>
		<div class="leftMain">
			<div class="leftMain_top">
				<div class="leftMain_topIn">
					<ul>
						<li>
							<div class="liIn">
								<a href="../document_manage/statistics.html">
									<h3 class="shu">文档统计</h3>
								</a>
								<span class="border_bg_leftTop"></span>
								<span class="border_bg_rightTop"></span>
								<span class="border_bg_leftBottom"></span>
								<span class="border_bg_rightBottom"></span>
							</div>
						</li>
						<li>
							<div class="liIn">
								<a href="../process/query.html">
									<h3 class="shu">进度查询</h3>
								</a>
								<span class="border_bg_leftTop"></span>
								<span class="border_bg_rightTop"></span>
								<span class="border_bg_leftBottom"></span>
								<span class="border_bg_rightBottom"></span>
							</div>
						</li>
						<li>
							<div class="liIn">
								<a href="../notice/publish.html">
									<h3 class="shu">通知发布</h3>
								</a>
								<span class="border_bg_leftTop"></span>
								<span class="border_bg_rightTop"></span>
								<span class="border_bg_leftBottom"></span>
								<span class="border_bg_rightBottom"></span>
							</div>
						</li>
						<li>
							<div class="liIn">
								<a href="../meeting/notice.html">
									<h3 class="shu">会议通知</h3>
								</a>
								<span class="border_bg_leftTop"></span>
								<span class="border_bg_rightTop"></span>
								<span class="border_bg_leftBottom"></span>
								<span class="border_bg_rightBottom"></span>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div class="leftMain_middle">
				<div class="leftMain_middle_left">
					<div class="leftMain_middle_leftIn">
						<h3>项目进度</h3>
						<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
						<div class="biaoge" style="width:100%; height:25vh" id="chartmain"></div>
						<span class="border_bg_leftTop"></span>
						<span class="border_bg_rightTop"></span>
						<span class="border_bg_leftBottom"></span>
						<span class="border_bg_rightBottom"></span>
					</div>
				</div>
		
			</div>
			<div class="leftMain_middle">

				<div class="leftMain_middle_right">
					<div class="leftMain_middle_rightIn">
						<h3>统计</h3>
						<div class="biaoge biaoge_bi" style="width:100%; height:25vh">
							<ul>
								<li>
									<div class="liIn">
										<p class="shu" id="total_doc">0</p>
										<p class="zi">文档总数</p>
									</div>
								</li>
								<li>
									<div class="liIn">
										<p class="shu" id="total_notice">0</p>
										<p class="zi">通知总数</p>
									</div>
								</li>
								<li>
									<div class="liIn">
										<p class="shu" id="total_meet">0</p>
										<p class="zi">会议总数</p>
									</div>
								</li>
								<li>
									<div class="liIn">
										<p class="shu" id="total_project">0</p>
										<p class="zi">项目总数</p>
									</div>
								</li>
							</ul>
						</div>
						<span class="border_bg_leftTop"></span>
						<span class="border_bg_rightTop"></span>
						<span class="border_bg_leftBottom"></span>
						<span class="border_bg_rightBottom"></span>
					</div>
				</div>
			</div>
		</div>


		<div class="rightMain">
			<div class="rightMain_bottom">
				<div class="rightMain_bottomIn">
					<h3>本组会议信息</h3>
					<div class="biaoge biaoge_list" style="width:100%; height:36vh">
						<div class="biaoge_listIn">
							<ul class="ul_title">
								<li>发布者ID</li>
								<li>发布者</li>
								<li>发布时间</li>
								<li>标题</li>
								<li>内容</li>
								<li>会议时间</li>
							</ul>
							<div class="ul_list">
								<div class="ul_listIn" id="meet">

								</div>
							</div>
						</div>
					</div>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightTop"></span>
					<span class="border_bg_leftBottom"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>

			<div class="rightMain_bottom">
				<div class="rightMain_bottomIn">
					<h3>本组通知信息</h3>
					<div class="biaoge biaoge_list" style="width:100%; height:36vh">
						<div class="biaoge_listIn">
							<ul class="ul_title">
								<li>发布者ID</li>
								<li>发布者</li>
								<li>发布时间</li>
								<li>标题</li>
								<li>内容</li>
							</ul>
							<div class="ul_list">
								<div class="ul_listIn" id="notice">

								</div>
							</div>
						</div>
					</div>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightTop"></span>
					<span class="border_bg_leftBottom"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>
		</div>
		<div style="clear:both;"></div>
	</div>
	<!--数字增长累加动画-->
	<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="js/jquery.numscroll.js" type="text/javascript" charset="utf-8"></script>

	<script src="./js/index.js"></script>

</body>

</html>